<!--
  - Copyright (c) 2023.
  -
  - 作者：bmy
  - 邮箱：2271608011@qq.com
  - gitee：https://gitee.com/bmycode
  - github：https://github.com/helpcode
  -
  -->

<script lang="ts">
  import { onMount } from "svelte";

  export let text: string = ""

  onMount(() => {

  });

</script>

<div class="title" data-tauri-drag-region>{text}</div>
<div class="content">
    <slot></slot>
</div>

<style lang="less">
  @import "../assets/less/_.less";

  .title {
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    color: @color;
    .line(bottom);
    font-family: "Al Bayan", serif;
    margin-bottom: 20px;
    margin-left: 26px;
    box-sizing: border-box;
  }
  .content {
    .padding(0,0,0,26px);
  }
</style>